<!--
 * @Descripttion:
 * @version:
 * @Author: caiailing
 * @Date: 2023-04-06 16:55:28
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2023-04-07 16:03:19
-->
<script setup lang="ts">
const props = withDefaults(
  defineProps<{
    prefix: string
    name: string
    color: string
    size: string
  }>(),
  {
    prefix: 'iconfont',
    name: '',
    color: '#1AA86C',
    size: '28rpx'
  }
)
const calsses = computed(() => {
  return `#${props.prefix} ${props.name}`
})
const fontsize = computed(() => {
  return props.size
})
</script>

<template>
  <text
    :class="[calsses]"
    class="icon-font"
    :style="`font-size:${fontsize};color:${props.color}`"
  ></text>
</template>

<style lang="scss" scoped></style>
